<include file="Public/min-header" />
<div class="wrapper">
    <include file="Public/breadcrumb" />
    <style>
        #search-form > .form-group {
            margin-left: 10px;
        }
    </style>
    <section class="content">
        <div class="container-fluid">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="fa fa-list"></i> 商品列表</h3>
                </div>
                <div class="panel-body">
                    <div class="navbar navbar-default">
                        <form action="" id="search-form2" class="navbar-form form-inline" method="post" onsubmit="return false">
                            <div class="form-group">
                                <select name="cat_id" id="cat_id" style=" width: 200px;" class="form-control">
                                    <option value="">所有分类</option>
                                    <foreach name="categoryList" item="v" key="k">
                                        <option value="{$v['id']}"> {$v['name']}</option>
                                    </foreach>
                                </select>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <input type="text" name="key_word" value="" placeholder="输入商品名称" id="input-order-id" class="form-control">
                                </div>
                            </div>
                            <input type="hidden" name="orderby1" value="goods_id" />
                            <input type="hidden" name="orderby2" value="desc" />
                            <button type="submit" onclick="ajaxGetTable('search-form2', 1)" id="button-filter search-order" class="btn btn-primary"><i class="fa fa-search"></i> 筛选</button>
                            <button type="button" onclick="location.href = '{:U(\'Admin/goods/addEditGoods\')}'" class="btn btn-primary pull-right"><i class="fa fa-plus"></i>添加新商品</button>
                        </form>
                    </div>
                    <div id="ajax_return"> </div>
                </div>
            </div>
        </div>
    </section>
</div>
<script>
    $(document).ready(function () {
        // ajax 加载商品列表
        ajaxGetTable('search-form2', parseInt("{$_GET['p']|default=1}"));
    });
// ajax 抓取页面 form 为表单id  page 为当前第几页
    function ajaxGetTable(form, page) {
        cur_page = page;
        $.ajax({
            type: "POST",
            url: "/index.php?m=Admin&c=goods&a=ajaxGoodsList&p=" + page,
            data: $('#' + form).serialize(),
            success: function (data) {
                $("#ajax_return").html('');
                $("#ajax_return").append(data);
            }
        });
    }
// 点击排序
    function sort(field) {
        $("input[name='orderby1']").val(field);
        var v = $("input[name='orderby2']").val() == 'desc' ? 'asc' : 'desc';
        $("input[name='orderby2']").val(v);
        ajaxGetTable('search-form2', cur_page);
    }
// 删除操作
    function del(id) {
        if (!confirm('确定要删除吗?'))
            return false;
        $.ajax({
            url: "/index.php?m=Admin&c=goods&a=delGoods&id=" + id,
            success: function (v) {
                var v = eval('(' + v + ')');
                if (v.hasOwnProperty('status') && (v.status == 1))
                    ajaxGetTable('search-form2', cur_page);
                else
                    layer.msg(v.msg, {
                        icon: 2,
                        time: 1000
                    });
            }
        });
        return false;
    }
</script>
</body>
</html>
